.sp {
	
	&- {
		
		&article {
			
			&__ {
				
				&list {
					padding: 24rpx;
				}
				
				&item {
					.flex();
					.circle(702, 178, 20rpx);
					.back-color(#fff);
					.boxing();
					padding: 24rpx;
					margin-bottom: 24rpx;
					
					&- {
						
						&pics {
							.size(202, 130);
							margin-left: 24rpx;
							
							image {
								display: block;
								width: 100%;
								height: 100%;
							}
						}
						
						&info {
							flex: 1;
							flex-shrink: 1;
							flex-grow: 1;
						}
						
						&name {
							.text-row-overflow();
							.font(32, 45, #222, left);
							height: 90rpx;
						}
						
						&date {
							margin-top: 56rpx;
							.font(22, 30, #666, left);
						}
						
						&desc {
							.font(24, 33, #666, left);
							margin-top: 4rpx;
							
							& + .sp-article__item-date {
								margin-top: 4rpx;
							}
						}
					}
				}
			
				// 详情
				&detail {
					padding: 24rpx 30rpx 130rpx;
					.boxing();
					
					&- {
						
						&title {
							.font(32, 46, #222, left);
						}
						
						&author,
						&date {
							margin-top: 10rpx;
							.font(26, 38, #666, left);
						}
						
						&content {
							margin-top: 20rpx;
							padding-bottom: 30rpx;
							.font(28, 42, #222, left);
							
							image {
								display: block;
								margin: 30rpx auto;
								max-width: 100%;
							}
						}
						
						&footer,
						&submit {							
							position: fixed;
							left: 0;
							bottom: 0;
							.flex();
							.back-color(#fff);
						}
						
						&submit {
							.size(750, 120);
							padding: 0 24rpx;
							.boxing();
						}
						
						&footer {
							.size(750, 110);
						}
						
						&control {
							flex: 1;
							.f-center();
							height: 100%;
							
							image,
							text {
								display: block;
							}
							
							image {
								.square(40);
								margin-right: 8rpx;
							}
							
							text {
								.font(24, 32, #666, left);
							}
						}
					}
				}
			}
		}
	}
}